<template>
  <div class="assessment-edit-plan-container">
    <div class="my-form-container">
      <el-row class="my-form-item">
        <el-col :span="12">
          <div class="my-form-item-label">课程名称：</div>
          <div class="my-form-item-value">{{byIdList.coursename}}</div>
        </el-col>
        <el-col :span="12">
          <div class="my-form-item-label">课程编号：</div>
          <div class="my-form-item-value">{{ byIdList.coursenumber }}</div>
        </el-col>
      </el-row>
      <el-row class="my-form-item">
        <el-col :span="12">
          <div class="my-form-item-label">课程类型：</div>
          <div class="my-form-item-value">{{ byIdList.coursetype }}</div>
        </el-col>
        <el-col :span="12">
          <div class="my-form-item-label">学 时：</div>
          <div class="my-form-item-value">{{byIdList.classhour}}</div>
        </el-col>
      </el-row>
      <el-row class="my-form-item">
        <el-col :span="12">
          <div class="my-form-item-label">学 分：</div>
          <div class="my-form-item-value">{{byIdList.credithour}}</div>
        </el-col>
        <el-col :span="12">
          <div class="my-form-item-label">培养层次：</div>
          <div class="my-form-item-value">{{byIdList.traininglevel}}</div>
        </el-col>
      </el-row>
      <el-row class="my-form-item">
        <el-col :span="12">
          <div class="my-form-item-label">分 制：</div>
          <div class="my-form-item-value">{{byIdList.scoretypecode}}<span style="color:#fa5339;margin:0 8px">变更为</span>{{byIdList.scoretypecoder}}</div>
        </el-col>
        <el-col :span="12">
          <div class="my-form-item-label">课程考核一票否决：</div>
          <div class="my-form-item-value">{{byIdList.oneticketveto}}</div>
        </el-col>
      </el-row>
      <el-row class="my-form-item">
        <el-col :span="12">
          <div class="my-form-item-label">授课对象：</div>
          <div class="my-form-item-value">{{byIdList.professionaldivisions}}</div>
        </el-col>
        <el-col :span="12">
          <div class="my-form-item-label">人 数：</div>
          <div class="my-form-item-value">{{byIdList.classsize}}人</div>
        </el-col>
      </el-row>
      <el-row class="my-form-item">
        <el-col :span="12">
          <div class="my-form-item-label">开课教研室：</div>
          <div class="my-form-item-value">{{byIdList.teachingandresearchsection}}</div>
        </el-col>
        <el-col :span="12">
          <div class="my-form-item-label">教学班数：</div>
          <div class="my-form-item-value">{{byIdList.classsize}}</div>
        </el-col>
      </el-row>
      <el-row class="my-form-item">
        <el-col :span="12">
          <div class="my-form-item-label">课程负责人：</div>
          <div class="my-form-item-value">{{byIdList.coursemanager}}</div>
        </el-col>
        <el-col :span="12">
          <div class="my-form-item-label">授课教员：</div>
          <div class="my-form-item-value">{{byIdList.teachingfaculty}}</div>
        </el-col>
      </el-row>
      <el-row class="my-form-item">
        <el-col :span="12">
          <div class="my-form-item-label">课下作业成绩所占比例：</div>
          <div class="my-form-item-value">{{byIdList.oldusualscoreratealter}} %<span style="color:#fa5339;margin:0 8px">变更为</span>{{byIdList.usualscoreratealter}} %</div>
        </el-col>
        <el-col :span="12">
          <div class="my-form-item-label">课堂测试成绩所占比例：</div>
          <div class="my-form-item-value">{{byIdList.oldexamscoreratealter}} %<span style="color:#fa5339;margin:0 8px">变更为</span>{{byIdList.examscoreratealter}} %</div>
        </el-col>
      </el-row>
      <el-row class="my-form-item">
        <el-col :span="12">
          <div class="my-form-item-label">期中考试成绩所占比例：</div>
          <div class="my-form-item-value">{{byIdList.oldmidtermscoreratealter}} %<span style="color:#fa5339;margin:0 8px">变更为</span>{{byIdList.midtermscoreratealter}} %</div>
        </el-col>
        <el-col :span="12">
          <div class="my-form-item-label">期末考试成绩所占比例：</div>
          <div class="my-form-item-value">{{byIdList.oldexperimentscoreratealter}} %<span style="color:#fa5339;margin:0 8px">变更为</span>{{byIdList.experimentscoreratealter}} %</div>
        </el-col>
      </el-row>
      <el-row class="my-form-item">
        <el-col :span="12">
          <div class="my-form-item-label">期末考试方式：</div>
          <div class="my-form-item-value">
            <span>{{byIdList.oldfinalexaminationalter}}<span style="color:#fa5339;margin:0 8px">变更为</span>{{byIdList.finalexaminationalter}}</span>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="my-form-item-label">场地需求：</div>
          <div class="my-form-item-value">
            <span>{{byIdList.oldsitudemandalter}}<span style="color:#fa5339;margin:0 8px">变更为</span>{{byIdList.situdemandalter}}</span>
          </div>
        </el-col>
      </el-row>
      <el-row class="my-form-item" style="height: 278px;border: none">
        <el-col :span="24">
          <div class="my-form-item-label">考核设计：</div>
          <div class="my-form-item-value assessment-design">
            <textarea
              :rows="10"
              style="width: 600px"
              v-text="byIdList.oldassessmentdesignalter"
              disabled
            ></textarea>
            <span class="red-tip">变更为</span>
            <textarea
              :rows="10"
              style="width: 600px"
              v-text="byIdList.assessmentdesignalter"
              disabled
            ></textarea>
<!--            <el-input v-model="design" type="textarea" :rows="9" style="width: 969px;" disabled placeholder="{{byIdList.assessmentdesign}}"></el-input>-->
            <!-- <textarea :rows="9" style="width: 969px;" disabled v-text="byIdList.assessmentdesign"></textarea> -->
          </div>
        </el-col>
      </el-row>
    </div>
   <div class="button-group">
      <div class="" @click="cancelS">取 消</div>
      <!-- <div class="">保存并提交</div> -->
    </div>
  </div>
</template>

<script>
import {getDetail} from "../../../api/courseExame/courseExa";

export default {
  data() {
    return {
      design: '',
      byIdList: {}
    };
  },
  created() {
    this.byIdList = this.$route.query.item
    // this.queryById();
    console.log(this.byIdList)
  },
  methods: {
    cancelS(){
      this.$router.push({path:"/teacher/assessment/changeRecord"});
    }
    // queryById(){
    //   getDetail(this.$route.query.id).then(res =>{
    //     this.byIdList = res.data.data;
    //     console.log("输出",res.data.data)
    //   })
    // }
  }
};
</script>
<style lang="less" scoped>
.assessment-edit-plan-container {
  .assessment-design {
    .el-textarea__inner {
      resize: none;
      font-size: 16px;
      color: rgba(0, 76, 167, 1);
    }
  }
}
</style>
<style scoped lang="less">
.assessment-edit-plan-container {
  .assessment-design {
    padding: 25px 38px !important;

    .el-textarea__inner {
      resize: none
    }

    .red-tip {
      margin: 0 7px;
      display: inline-block;
      vertical-align: 105px;
    }
  }

  .button-group {
    cursor: pointer;
    text-align: center;

    > div {
      display: inline-block;
      font-size: 18px;
      padding: 6px 22px;
      border-radius: 6px;

      &:nth-child(1) {
        color: #F3B815;
        border: 1px solid #F3B815;
        background: #FFF6EF;
      }

      &:nth-child(2) {
        color: #02C86C;
        border: 1px solid #02C86C;
        background: #F1FFF8;
      }
    }
  }
}
</style>
